<!DOCTYPE html>
<html lang="ZH-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网站-主页</title>
    <meta name="keywords" content="互联网，程序员，程序员日常，项目展示">
    <meta name="description" content="这是一个分享成长经历、工作经历，兴趣爱好的网站">
    <!-- https://seo.chinaz.com/ -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 设置网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
    <div class="tt-wrapper">
        <header class="header container">
            <div class="left">
                <a href="index.html"><img src="./imgs/logo.png" alt=""></a>
            </div>
            <div class="right">
                <ul>
                    <li><a href="show.html">作业</a></li>
                    <li><a href="about.html">关于</a></li>
                    <li class="active"><a href="concat.html">联系</a></li>
                </ul>
                <button><i class="night"></i></button>
            </div>
        </header>

        <!-- 欢迎区域 -->
        <section class="welcome container">
            <div class="left">
                <p>你好呀</p>
                <p>有什么想与我聊的吗?</p>
            </div>
            <div class="right">
                <img src="./imgs/welcome.png" alt="欢迎您~~">
            </div>
        </section>

        <style>
            .concat {
                height: 350px;
            }
            .concat .text {
                height: 60px;
                color: #666;
            }
            .concat .text a {
                color: #333;
            }
        </style>
        
        <section class="concat container">
            <div class="text">
                给我寄个邮件→ <a href="#">longtimenosee@yeah.net</a>
            </div>
            <div class="text">
                我的微信号→ <a href="#">qq1217245503</a>
            </div>
            <p class="text">非24小时在线，回复慢请见谅。</p>
        </section>


        <!-- 页面尾部 -->
        <footer class="footer container">
            <div class="left">
                Copyright&copy;曙光与晨，2025遇见美好
            </div>
            <div class="right">
                <a href="#">链接1</a>
                <a href="#">链接2</a>
                <a href="#">链接3</a>
                <a href="#">链接4</a>
            </div>
        </footer>
    </div>
</body>

</html>


<!-- 引入脚本 -->
<script src="./js/common.js"></script>